<#assign ctx=request.contextPath/>
<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<meta name="viewport" content="width=device-width, initial-scale=1.0">
		<title>商品列表</title>
		<link rel="stylesheet" href="${ctx}/css/bootstrap.css" />
		<link rel="stylesheet" href="${ctx}/css/common.css" />
		<link rel="stylesheet" href="${ctx}/css/shop_list.css" />
		<script type="text/javascript" src="${ctx}/js/jquery-1.11.0.js" ></script>
		<script type="text/javascript" src="${ctx}/js/bootstrap.js" ></script>
		<script type="text/javascript" src="${ctx}/js/shop_list.js" ></script>
		<script type="text/javascript" src="${ctx}/js/localStorge.js"></script>
		<script type="text/javascript" src="${ctx}/js/myjs.js"></script>
		<script type="text/javascript" src="${ctx}/js/shop_list.js" ></script>
	</head>
	<body style="background:#f0f0f0;">
	<#include "common/top.html" >
			<article class="center">
				<div class="content_left">
					<div class="shop_top">
						<span><a href="#">首页</a></span>
						<em>></em>
						<span>电子狗</span>
					</div>
					<div class="shop_list clear">
						<dl>
							<dt>品牌<em>:</em></dt>
							<dd>
								<ul>
									<li class="on"><a href="javascript:void(0);">e途</a></li>
									<li><a href="javascript:void(0);">任我游</a></li>
									<li><a href="javascript:void(0);">e路航</a></li>
									<li><a href="javascript:void(0);">征途</a></li>
									<li><a href="javascript:void(0);">畅e行</a></li>
									<li><a href="javascript:void(0);">中国电子</a></li>
									<li><a href="javascript:void(0);">环天</a></li>
									<li><a href="javascript:void(0);">飞歌</a></li>
								</ul>
							</dd>
						</dl>
						<dl>
							<dt class="clear">价格区域<em>:</em></dt>
							<dd>
								<ul>
									<li class="on"><a href="#">0-500</a></li>
									<li><a href="javascript:void(0);">500-1000</a></li>
									<li><a href="javascript:void(0);">1000-1500</a></li>
									<li><a href="javascript:void(0);">1500-2000</a></li>
									<li><a href="javascript:void(0);">2000-2500</a></li>
									<li><a href="javascript:void(0);">2500-3000</a></li>
								</ul>
							</dd>
						</dl>
						<dl>
							<dt class="clear">产品分类<em>:</em></dt>
							<dd>
								<ul>
									<li class="on"><a href="#">导航仪</a></li>
									<li><a href="javascript:void(0);">雷达预警仪</a></li>
									<li><a href="javascript:void(0);">DVD导航</a></li>
									<li><a href="javascript:void(0);">行车记录仪</a></li>
									<li><a href="javascript:void(0);">电子狗</a></li>
									<li><a href="javascript:void(0);">宏恒后视镜</a></li>
									<li><a href="javascript:void(0);">宏恒行车记</a></li>
								</ul>
							</dd>
						</dl>
						<dl>
							<dt class="clear">地图软件<em>:</em></dt>
							<dd>
								<ul>
									<li class="on"><a href="#">凯立德</a></li>
									<li><a href="javascript:void(0);">四维图新</a></li>
									<li><a href="javascript:void(0);">道道通</a></li>
									<li><a href="javascript:void(0);">旅行者</a></li>
									<li><a href="javascript:void(0);">高德</a></li>
									<li><a href="javascript:void(0);">城际</a></li>
								</ul>
							</dd>
						</dl>
					</div>
					<div class="shop_menu clear">
						<ul>
							<li><a href="javascript:void(0);">综合排序</a></li>
							<li><a href="javascript:void(0);">销量</a></li>
							<li><a href="javascript:void(0);">价格</a></li>
							<li><a href="javascript:void(0);">评论数</a></li>
							<li><a href="javascript:void(0);">新品</a></li>
							<li>共<em> 200 </em>件相关产品</li>
							<li>1/16</li>
							<li><button>&lt</button></li>
							<li><button>&gt</button></li>
						</ul>
					</div>
					<div class="shop_kid clear">
						<ul>
							<#list pageBean.list as goods>
								<li>
									<a href="${ctx}/customer/goods/goodsDetail?id=${goods.id!''}"><img class="img_src" src="${ctx}/file/upload/${goods.image!''}"/>
									</a>
				   					<p class="pro_name"><a href="###">${goods.title!''} </a></p>
				   					<p><em>￥</em><b class="price">${goods.price!''}</b></p>
				   					<input type="submit" value="加入购物"/>  
				   					<p><span>总销量：${goods.buyNum!''}</span><i>评价：100</i></p>
								</li>
							</#list>
						</ul>
					</div>
					<div class="page clear">
						<ul class="clear">
							<li><a href="#">上一页</a></li>
							<li><a href="#" class="on">1</a></li>
							<li><a href="#">2</a></li>
							<li><a href="#">3</a></li>
							<li><a href="#">4</a></li>
							<li><a href="#">5</a></li>
							<li><a href="#">...</a></li>
							<li><a href="#">下一页</a></li>
						</ul>
						<ol>
							<li>共30页</li>
							<li>到第<input type="text" value="1"/>页</li>
							<li><button>确定</button></li>
						</ol>
					</div>
				</div>
				<div class="content_right">
					<h4>产品推销</h4>
					<div class="show_list">
						<ul>
							<li>
								<a href="pro_details.html"><img src="${ctx}/images/car_1.jpg"/></a>
			   					<a href="pro_details.html"><p>固定测速 流动测速超速行驶实时 </p></a>
			   					<span><em>￥</em>1599</span> 
			   					<p><span>总销量：500</span><i>评价：100</i></p>
							</li>
							<li>
								<a href="pro_details.html"><img src="${ctx}/images/car_2.jpg"/></a>
			   					<a href="pro_details.html"><p>固定测速 流动测速超速行驶实时 </p></a>
			   					<span><em>￥</em>1599</span> 
			   					<p><span>总销量：500</span><i>评价：100</i></p>
							</li>
							<li>
								<a href="pro_details.html"><img src="${ctx}/images/car_3.jpg"/></a>
			   					<a href="pro_details.html"><p>固定测速 流动测速超速行驶实时 </p></a>
			   					<span><em>￥</em>1599</span> 
			   					<p><span>总销量：500</span><i>评价：100</i></p>
							</li>
							<li>
								<a href="pro_details.html"><img src="${ctx}/images/car_4.jpg"/></a>
			   					<a href="pro_details.html"><p>固定测速 流动测速超速行驶实时 </p></a>
			   					<span><em>￥</em>1599</span> 
			   					<p><span>总销量：500</span><i>评价：100</i></p>
							</li>
							<li>
								<a href="pro_details.html"><img src="${ctx}/images/car_5.jpg"/></a>
			   					<a href="pro_details.html"><p>固定测速 流动测速超速行驶实时 </p></a>
			   					<span><em>￥</em>1599</span> 
			   					<p><span>总销量：500</span><i>评价：100</i></p>
							</li>
							<li>
								<a href="pro_details.html"><img src="${ctx}/images/car_6.jpg"/>
								</a>
			   					<a href="pro_details.html"><p>固定测速 流动测速超速行驶实时 </p></a>
			   					<span><em>￥</em>1599</span> 
			   					<p><span>总销量：500</span><i>评价：100</i></p>
							</li>
						</ul>
					</div>
				</div>
			</article>
	<#include "common/bottom.html" >  
